<template>
  <div class="enterprise-contract-box" id="contractImgBox">
    <div ref="contractImg">
      <h2 class="van-doc-block__title">车企惠汽车租赁合同</h2>
      <div>
        <!--<p class="tac">车企惠汽车租赁合同</p>-->
        <p class="pro tar">【{{infodata.contractYear}}】 第 {{infodata.htbh}} 号</p>
        <van-cell-group>
          <van-cell title="甲方(出租方)：" :value="infodata.bcorpName"/>
          <van-cell title="地址：" :value="infodata.bcorpAddr"/>
          <van-cell title="电话：" :value="infodata.bcontactPhone"/>
          <van-cell title="联系人：" :value="infodata.bcontacter"/>
          <van-cell title="乙方(承租方)：" :value="infodata.acorpName"/>
          <van-cell title="地址：" :value="infodata.acorpAddr"/>
          <van-cell title="电话：" :value="infodata.acontactPhone"/>
          <van-cell title="联系人：" :value="infodata.acontacter"/>
          <p class="pro">甲方是汽车租赁公司，乙方在经营过程中存在私车公用需求，为了提高乙方单位经济效益， 促进本单位经济发展，甲乙双方按照《民法总则》、《合同法》等有关法律法规规定，
            在平等自愿协商一致基础上，共同指定车企惠汽车租赁服务平台，采用分时租赁模式， 将乙方企业员工的汽车通过平台公司指定租赁给乙方，解决乙方私车公用事宜， 经友好协商达成协议签订本租赁合同，以资共同遵守。</p>
          <h4 class="pro pro_h4">第一条 租赁物</h4>
          <p class="pro">
            1、系甲方租入后出租给乙方车辆（车辆汇总情况及租赁物的相关信息，详见本合同附表1）
            2、本合同附件是本合同不可分割的组成部分，与本合同正文具有同等法律效力。
            3、本合同为框架合同，附件中的车辆的调整、数量的增减不影响本合同的有效执行。
          </p>
          <h4 class="pro pro_h4">第二条 租赁期限</h4>
          <p class="pro">
            租赁期限采用固定期限：<span class="fonttext">{{infodata.limitYears}}</span> 年，自 <span class="fonttext">{{beginyear.year}}</span>
            年 <span class="fonttext">{{beginyear.mouth}}</span> 月 <span class="fonttext">{{beginyear.day}}</span> 日至
            <span class="fonttext">{{endyear.year}}</span> 年 <span class="fonttext">{{endyear.mouth}}</span> 月 <span
            class="fonttext">{{endyear.day}}</span> 日， 期间增加的车辆合同有效期与约定期限一致，中途退租的车辆至租赁关系解除之日止。
          </p>
          <h4 class="pro pro_h4">第三条 租赁物的用途、使用方法</h4>
          <p class="pro">
            1、乙方公司用于解决本单位工作中的私车公用问题，提高经济效益。租赁车辆提供给本单位需要在上班时间因公用车的人员，按照谁的车子由谁使用的原则确定。<br>
            2、乙方不得将车辆转租给他人和改变合同约定用途。
          </p>
          <h4 class="pro pro_h4">第四条 租金及服务费、支付期限、方式及发票</h4>
          <p class="pro">
            1、租金：共计 <span class="fonttext">{{infodata.rentCarCount}}</span> 辆车，租金总额 <span class="fonttext">{{infodata.rentPrice}}</span>
            元/月， 发生数量及价格调整，以调整后的实际金额为准。先付租金后用车方式。服务费由第三方平台服务商按租金总额的6%标准分月收取，同时由第三方平台服务商向乙方出具服务发票。<br>
            2、租金、服务费的支付期限：按月计算，每月计收一次。<br>
            3、甲方收款账户信息：<br>
            （1）租金收款账户信息<br>
            银行户名：<span class="fonttext">{{infodata.rentalcorpName}}</span><br>
            银行账户：<span class="fonttext">{{infodata.rentalcorpAccount}}</span><br>
            开户银行：<span class="fonttext">{{infodata.rentalcorpBank}}</span><br>
            （2）服务费收款账户信息<br>
            银行户名：<span class="fonttext">{{infodata.servicecorpName}}</span><br>
            银行账户：<span class="fonttext">{{infodata.servicecorpAccount}}</span><br>
            开户银行：<span class="fonttext">{{infodata.servicecorpBank}}</span><br>
            4、约定付款条件成就时，乙方应当及时支付租金。甲方应当收到乙方支付的租金后按规定向甲方出具租赁发票。
          </p>
          <h4 class="pro pro_h4">第五条 租赁物交付时间及验收</h4>
          <h4 class="pro pro_h4">第六条 租赁物的保险、维修、事故责任承担</h4>
          <p class="pro">1、租赁期间，车辆的保险、维修由车辆所有人办理，车辆交通事故和甲方无关。<br>
            2、如车辆因交通事故产生的赔偿责任等按照侵权责任法的规定由车辆所有人、车辆实际使用人和保险公司在保险范围内承担。甲方不承担任何连带责任。</p>
          <h4 class="pro pro_h4">第七条 合同履行及违约责任</h4>
          <p class="pro">1、未经对方书面同意，任何一方不得中途变更或解除合同，车辆增减不视为合同的变更。<br>
            2、乙方未按照约定时间支付租赁费的，应按照应付未付款项的万分之五/日支付逾期利息。</p>
          <h4 class="pro pro_h4">第八条 符合下列条件的可以解除本合同</h4>
          <p class="pro">1、 经双方协商解除的合同的；<br>
            2、 乙方拖欠甲方的租赁费超过30天的；<br>
            3、 因不可抗力、政府行为政策原因等无法继续履行租赁合同的；<br>
            4、 因服务平台提高服务费，甲乙双方协商未达成协议的；<br>
            5、 其他符合解除合同的情形。</p>
          <h4 class="pro pro_h4">第九条 免责</h4>
          <p class="pro">1、本合同履行期间，如遇不可抗力，致使本合同无法继续履行，双方应按有关法律规定处理。<br>
            2、每个月乙方应通过附件形式向甲方提供私车公用车辆的相关信息，若因信息错误导致打款损失，由乙方负责，甲方不承担相关责任。</p>
          <h4 class="pro pro_h4">第十条 争议的解决</h4>
          <p class="pro">因履行本合同发生的争议，由当事人协商解决，协商不成的，依法向甲方所在地人民法院起诉。</p>
          <h4 class="pro pro_h4">第十一条 其他约定事项：</h4>
          <p class="pro"></p>
          <h4 class="pro pro_h4">第十二条 本合同未作规定，经合同双方共同协商，做出补充规定，补充规定与本合同具有同等效力。</h4>
          <h4 class="pro pro_h4">第十三条 本合同空格部分填写的文字与印刷文字具有同等效力。</h4>
          <h4 class="pro pro_h4">第十四条 本合同自各方当事人签字并盖章后生效。</h4>
          <h4 class="pro pro_h4">第十五条 本合同一式二份，双方各执一份，效力相同。</h4>

          <van-cell title="甲方(签名)：" :value="infodata.bcorpName">
            <template #label>
              <p class="pro_font">{{beginyear.year}} 年 {{beginyear.mouth}} 月 {{beginyear.day}} 日</p>
            </template>
          </van-cell>
          <van-cell title="乙方(盖章)：" :value="infodata.acorpName">
            <template #label>
              <p class="pro_font">{{beginyear.year}} 年 {{beginyear.mouth}} 月 {{beginyear.day}} 日</p>
            </template>
          </van-cell>
          <div class="bottom-height-box"></div>
        </van-cell-group>
      </div>
    </div>
    <div class="bottom-height-box"></div>
    <!-- 底部操作栏 -->

    <van-goods-action v-if="infodata.htztBm == 2">
      <van-button style="margin: 0 16px" type="info" round block @click="onClickSubmit">同意</van-button>
    </van-goods-action>
  </div>
</template>

<script>
  import {Dialog, Toast} from "vant";

  export default {
    data() {
      return {
        infodata: "",
        canvasdata: "",
        beginyear: {
          year: "",
          mouth: "",
          day: ""
        },
        query: {
          id: ''
        },
        endyear: {
          year: "",
          mouth: "",
          day: ""
        },
        textshow: true,
        list: "",
        searchvalue: undefined,
        messageerr: {
          searcherr: false,
          networkerr: false,
          tongyongerror: false
        },
        value: "",
        actions: []
      };
    },
    created() {
      this.query.id = this.$route.query.contractId
      this.getinfodata()
    },
    methods: {
      onClickSubmit() {
        Dialog.confirm({
          title: "请确认合同内容",
          message: "请确认合同内容，是否确认？"
        }).then(() => {
          let a = {
            contractId: this.infodata.contractId
          };
          this.$Api.get("/api/cqhContract/qiyeContract", a).then(res => {
            if (res.data.code == 200) {
              Toast("操作成功");
            } else {
              Toast(res.data.message);
            }
          });
        }).catch(() => {
          // on cancel
        });
      },
      getinfodata(e) {
        this.$Api.get("/api/cqhContract/getContract", this.query).then(res => {
          if (res.data.code == 200) {
            // console.log(res)
            this.reyear(res.data.data.limitBegin, 1);
            this.reyear(res.data.data.limitEnd, 2);
            this.infodata = res.data.data;
          } else {
            Toast(res.data.message);
          }
        });
      },
      reyear(e, type) {
        let a = new Date(e);
        if (type == 1) {
          this.beginyear.year = a.getFullYear();
          this.beginyear.mouth = a.getMonth() + 1;
          this.beginyear.day = a.getDate();
        }
        if (type == 2) {
          this.endyear.year = a.getFullYear();
          this.endyear.mouth = a.getMonth() + 1;
          this.endyear.day = a.getDate();
        }
      }
    }
  };
</script>


<style scoped>
  .van-doc-block__title {
    margin: 0;
    padding: 24px 16px 16px;
    color: #09f;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    border-bottom: 1px solid #09f;
  }

  .van-cell__value {
    flex-basis: 35%;
  }

  .tar {
    text-align: right;
  }

  .tac {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
  }

  .pro {
    display: block;
    margin: 10px 16px;
    color: #969799;
    font-size: 14px;
    line-height: 24px;
  }

  u {
    color: #000;
  }

  .pro_h4 {
    color: #333;
  }

  .pro_font {
    font-size: 14px;
  }

  .bottom-height-box {
    width: 100%;
    height: 2rem;
  }

  .fonttext {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
  }
</style>
